<template>
	<view class="f26r col363636">
		<view class="pl20r pr20r pb20r">
			<view class="backColWhite borRad10r pl20r pr20r pb20r mt20r">
				<view class="lh80r foWeiBold f30r">
					订单信息
				</view>
				<view class="disFlex aliItCenter">
					<view class="w120r col999">
						订单号
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.out_trade_no}}
						<text class="pl20r pr20r lh60r bor1SDadada f24r ml10r borRad5r"
							@click="cliCopyBtn"
						>
							复制
						</text>
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						房间名
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.bname}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						订单类型
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.order_type == 1 ? '预约订单' :
							optionIten.order_type == 2 ? '立即使用订单' : optionIten.order_type
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w150r col999">
						正常单/续单
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.order_status == 1 ? '正常单' :
							optionIten.order_status == 2 ? '续单' : optionIten.order_status
						}}
					</view>
				</view>
				<view class="disFlex mt20r" v-if="optionIten.order_status == 2">
					<view class="w140r col999">
						被续订单号
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.front_out_trade_no}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						会员卡
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.is_cardrule == 1 ? '未使用' :
							optionIten.is_cardrule == 2 ? '已使用' : optionIten.is_cardrule
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						订单状态
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.make_status == 1 ? '未使用' :
							optionIten.make_status == 2 ? '已使用' :
							optionIten.make_status == 3 ? '已完成' : optionIten.make_status
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						释放状态
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.is_release == 1 ? '未释放' :
							optionIten.is_release == 2 ? '已释放' : optionIten.is_release
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						付款状态
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.type == 1 ? '未支付' :
							optionIten.type == 2 ? '已支付' :
							optionIten.type == 3 ? '已退款' : optionIten.type
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						付款方式
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{
							optionIten.pay_type == 1 ? '余额支付' :
							optionIten.pay_type == 2 ? '微信支付' : optionIten.pay_type
						}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						原价/小时
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.price}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						实付金额
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.amount}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						服务时间
					</view>
					<view class="flex1 teAliRight foWeiBold">
						<view>
							开始：{{optionIten.start_time}}
						</view>
						<view class="mt10r">
							结束：{{optionIten.end_time}}
						</view>
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						服务时长
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.hour}}小时
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						保洁时至
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.clear_end_time}}
					</view>
				</view>
				<view class="disFlex mt20r">
					<view class="w120r col999">
						下单时间
					</view>
					<view class="flex1 teAliRight foWeiBold">
						{{optionIten.date}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import { inquiryToLogin } from '@/utils/utils.js'
export default {
	data() {
		return {
			optionIten: {}
		}
	},
	onLoad(options) {
		inquiryToLogin().then(res => {
			if(options.item) {
				this.optionIten = JSON.parse(options.item)
			}
		});
	},
	methods: {
		cliCopyBtn() {
			uni.setClipboardData({ data: this.optionIten.out_trade_no });
		},
	}
}
</script>
<style>
</style>